/*
   core.css
   <project>
   
   Created by Sunny on 2011-09-24.
   Copyright 2011 Sunny. All rights reserved.
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, th, td,span{
	margin:0;
	padding:0;
}
html{
	overflow-y:scroll; 
}
body{
	font-family:Verdana, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53";
	font-size:12px;
	line-height:1.5;
	color:#141414;
}
html:root body,
html:root input,
html:root button,
html:root textarea,
html:root select {
	font-family:Verdana, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
li {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
	*font-size:100%;
}
:focus{
    outline: 0;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
small{
	font-size:12px;
} 
a{
	color:#36c;
	text-decoration:none;
	cursor:pointer;
	-moz-transition:color 0.1s ease-in,background-color 0.2s ease-in;
	-webkit-transition:color 0.1s ease-in,background-color 0.2s ease-in;
	-o-transition:color 0.1s ease-in,background-color 0.2s ease-in;
} 
a:hover{
	color:#f60;
	text-decoration:underline;
}
.s-hidden{
	display:none;
}
.red{
	color:#f2685e;
}
h1{
	color:#4559e9;
	font-size:20px;
}
pre.code,code.code{
	border-color:#ddd;
	background:#fbfbfb;
	margin: 10px 0;
	border-radius:3px;
	font-size:12px;
	font-family:Menlo,Monaco,'DejaVu Sans Mono','Bitstream Vera Sans Mono','Consolas','Courier New',Courier,monospace;
	padding:5px;
}
.desc{
	background:#edf2fe;
	padding: 3px 5px;
	margin: 10px 0;
}
.api-name{
	color:#444;
	font-size: 16px;
	margin: 20px 0 10px;
}
.api-guide{
	color:#4b8b20;
	font-size: 14px;
	margin: 20px 0 10px;
}
p{
	line-height: 22px;
}
.configList{
	width:100%;
}
.configList th{
	background:#f1f1f1;
}
.configList td,.configList th{
	border:1px solid #ddd;
	height:30px;
	text-align:left;
	padding-left:10px;
}
/*code color*/
.dp-highlighter .comment, .dp-highlighter .comments{
	color:#999;
}
.dp-highlighter{
	background:#f8f8f8;
	margin-top: 10px;
}
.dp-highlighter ol li, .dp-highlighter .columns div{
	border-left-color:#f37066;
	line-height: 18px;
	list-style: none;
}
.dp-highlighter ol li.alt{
	background-color:#f8f8f8;
}
.dp-highlighter .string{
	color:#839cf7;
}
.dp-highlighter ol{
	margin: 0 0 1px 0 !important;
}
/*doc*/
.container{
	width:960px;
	margin:0 auto;
}
#hd,#bd{
	margin-top:10px;
}
#hd{
	height:50px;
	overflow:hidden;
}
.s-logo,.s-nav-l,.s-nav-r,.s-nav ul,.demo-btn{
	background-image:url(../images/all.png);
	background-repeat:no-repeat;
}
.s-logo{
	width:209px;
	height:50px;
	background-position:0 0;
	float:left;
}
.s-nav{
	float:right;
	height:34px;
	position: relative;
	margin-top:10px;
	width:420px;
}
.s-nav-l,.s-nav-r{
	width:5px;
	height:34px;
	overflow: hidden;
}
.s-nav-l{
	float:left;
	background-position: 0 -50px;
}
.s-nav-r{
	float:right;
	background-position: -5px -50px;
}
.s-nav ul{
	height:34px;
	background-position:0 -88px;
	background-repeat: repeat-x;
	width:410px;
	float:left;
}
.s-nav ul li{
	float:left;
	font-size:14px;
	padding: 0 20px;
	line-height: 34px;
}
.current{
	background:#6b84e3;
	height:31px;
	overflow: hidden;
}
.s-nav ul li a,.s-nav ul li a:hover{
	color:#fff;
}
.s-title{
	font-size:16px;
}
.s-list{
	float: left;
	width:130px;
	border-right:1px solid #ddd;
}
.s-list-title{
	color:#444;
	font-size: 14px;
	padding:10px 0;
}
.s-list ul{
	margin-left:10px;
}
.s-list ul li{
	line-height: 22px;
}
.api-content{
	margin-left:160px;
}
.doc-content{
	margin-top:20px;
}
.s-list-first{
	padding-top:0;
}
.demo-btn{
	width:82px;
	height:28px;
	background-position:-98px -50px;
	text-align:center;
	line-height:25px;
	color:#444;
	float:right;
	font-size:12px;
	font-weight:normal;
}
.demo-btn:hover{
	color:#444;
}
.demo-content .api-content{
	margin-left:0;
}
.view-api{
	font-size:12px;
}
.gray{
	color:#999;
}
.ml10{margin-left:10px}
.demo-content{
	margin:20px 0;
	overflow:hidden;
}
.demo-ul{
	width:1000px;
}
.demo-ul li{
	float:left;
	width:300px;
	margin-right:10px;
	border:1px solid #eee;
	margin-top:10px;
	text-align:center;
	padding:5px;
	display:inline;
	border-radius:3px;
	cursor:pointer;
}
.demo-ul li:hover{
	box-shadow:0 0 5px rgba(231,231,231,1);
	border-color:#ffc18f;
	background:#fffeec;
	background: -webkit-gradient(linear,color-stop(0, #fffff7),color-stop(1, #fffeec) ) ;
    background:-moz-linear-gradient(top,#fffff7 0%,#fffeec 100%);
}
.demo-ul img{
	width:280px;
	height:100px;
	margin:5px;
}
